@charset "utf-8";

/*
    Homepage Assignment
    Author: Zoe Griffith
    Date:   10/20/25
    
    Filename: cssbase.css
*/

/* HTML and Body Styles */
html {
    background-image: linear-gradient(#F2E1FF, #2A2357);
}
body {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    color: #2A2357;
    background-color: #D0CCFF;
    font-family: Calibri, sans-serif;
}

/* Header Styles */
body > header > img {
    display: block;
    width: 100%;
}
body > header > nav.tabs li {
    width: 20%;
    padding: 0%;
}


/* Navigation Styles */
nav.tabs li {
    display: block;
    float: left;
}
nav.tabs a {
    background-color: #e9ccff;
    display: block;
    font-size: 1.4em;
    line-height: 1.8em;
    text-decoration: none;
    text-align: center;
}
nav.tabs a:link, 
nav.tabs a:visited {
   color: #2A2357;
}
nav.tabs a:hover, 
nav.tabs a:active {
    color: #e9ccff;
    background-color: #2A2357
}



/* List Styles */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* Article Styles */
section {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-content: center;
}
body > section > p {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: #2A2357;
    border-style: double
}
img.post {
    max-height: 300px;
    max-width: 90%;
    padding: 3px;
    box-sizing: border-box;
}


/* Footer Styles */
footer {
    display: block;
    color: #D0CCFF;
    background-color: #2A2357;
}